Page({
    data: {
      detail: {} // 消息详情数据
    },
  
    onLoad: function (options) {
      const id = parseInt(options.id);
      this.fetchMessageDetail(id);
    },
  
    /**
     * 获取消息详情
     */
    fetchMessageDetail: function (id) {
      // 模拟消息详情数据
      const messageDetails = [
        {
          id: 1,
          category: 'system',
          title: '系统通知',
          time: '2025-11-20 10:15',
          content: '您的账号已成功绑定手机号138****5678。绑定手机号后，您可以使用手机号登录，并接收重要通知和验证码。',
          hasAction: false
        },
        {
          id: 2,
          category: 'reservation',
          title: '预约提醒',
          time: '2025-11-20 09:30',
          content: '您预约的洁牙服务将于明天上午10点开始，请提前15分钟到达诊所。如有特殊情况无法按时就诊，请提前24小时联系客服取消或更改预约。',
          hasAction: true,
          actionText: '查看预约详情',
          actionUrl: '/pages/reservation-detail/reservation-detail?id=123'
        },
        {
          id: 3,
          category: 'health',
          title: '健康提醒',
          time: '2025-11-19 16:40',
          content: '今天是您的定期检查日，记得按时前往诊所进行口腔检查。定期检查可以及时发现口腔问题，预防口腔疾病的发生。',
          hasAction: true,
          actionText: '导航到诊所',
          actionUrl: '/pages/map/map?clinicId=456'
        },
        {
          id: 4,
          category: 'reservation',
          title: '预约成功',
          time: '2025-11-19 15:20',
          content: '您已成功预约牙齿美白服务，订单号：DENT20251102002。预约时间：2025-11-25 14:30。请提前做好准备，避免空腹前往。',
          hasAction: true,
          actionText: '查看订单详情',
          actionUrl: '/pages/order-detail/order-detail?id=DENT20251102002'
        },
        {
          id: 5,
          category: 'system',
          title: '版本更新',
          time: '2025-11-18 14:00',
          content: '小程序已更新至最新版本，新增多项功能：1. 支持在线支付；2. 新增健康资讯板块；3. 优化预约流程。建议您及时更新体验。',
          hasAction: false
        },
        {
          id: 6,
          category: 'health',
          title: '口腔护理提醒',
          time: '2025-11-18 10:00',
          content: '冬季干燥，记得多喝水并使用温和的口腔护理产品。建议使用含氟牙膏，每天刷牙2-3次，每次至少2分钟。定期更换牙刷，保持口腔卫生。',
          hasAction: false
        }
      ];
  
      // 查找匹配的消息详情
      const detail = messageDetails.find(item => item.id === id) || {};
      this.setData({ detail });
    },
  
    /**
     * 获取分类标签的样式类
     */
    getCategoryTagClass: function (category) {
      return `tag-${category}`;
    },
  
    /**
     * 获取分类名称
     */
    getCategoryName: function (category) {
      switch (category) {
        case 'system':
          return '系统消息';
        case 'reservation':
          return '预约消息';
        case 'health':
          return '健康提醒';
        default:
          return '';
      }
    },
  
    /**
     * 处理消息中的操作按钮点击
     */
    handleAction: function () {
      const { actionUrl } = this.data.detail;
      if (actionUrl) {
        wx.navigateTo({ url: actionUrl });
      }
    },
  
    /**
     * 返回上一页
     */
    navBack: function () {
      wx.navigateBack();
    }
  });